﻿.backBox {
    position: absolute;
    top: 11px;
    left: 6%;
    font-size: 18px;
}

.topTitle {
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 6vw;
    background-color: #f8f8f8
}
/* 顶部导航 */
.topNav {
    width: 100%;
    height: 38px;
    line-height: 38px;
    background: white;
    margin-top: 4px;
    padding-left: 2%; /* display: inline-flex;     flex-direction: row; */
}

    .topNav .navBox {
        display: inline-block;
        width: 18%;
        height: 20px;
        color: rgb(165, 158, 158); /* justify-content: space-around; */
    }

    .topNav .checked {
        color: black;
    }

.bd_banner {
    width: 100%;
    height: 80px;
    background-color: orange;
}

.bd_title {
    width: 150px;
    margin: 0 auto;
    color: white;
    font-size: 14px;
    padding-top: 20px;
}

    .bd_title > img {
        width: 20px;
        height: 20px;
    }

.bd_bdxq {
    width: 80%;
    height: 300px;
    background-color: white;
    position: absolute;
    top: 140px;
    left: 10%;
    border-radius: 5px;
}

.bd_bdxq_top {
    width: 85%;
    height: 20px;
    margin: 0 auto;
    margin-top: 20px;
}

    .bd_bdxq_top > div:nth-child(1) {
        float: left;
    }

    .bd_bdxq_top > div:nth-child(2) {
        float: left;
        margin-left: 2%;
    }

    .bd_bdxq_top > div:nth-child(3) {
        float: right;
        color: red;
    }
/* 订单 */
.orderId {
    width: 100%;
    height: 38px;
    line-height: 38px;
    background: white;
    margin-top: 4px;
    padding: 0 14px;
}

    .orderId span {
        float: left;
    }

        .orderId span:last-child {
            float: right;
            color: rgb(235, 167, 79);
        }

.line {
    width: 92%;
    margin-top: -1px;
    margin-left: 4%;
    border-bottom: 1px solid rgb(201, 194, 194);
}
/* 订单信息 */
.commodity {
    width: 100%;
    height: 100px;
    background: white;
    padding: 14px;
    overflow: hidden;
}

    .commodity img {
        width: 32%;
        height: 70px;
        margin-right: 20px;
        float: left;
    }

    .commodity .information {
        width: 60%;
        float: right;
        padding-top: 20px;
    }

        .commodity .information .amount {
            float: right;
            color: rgb(224, 8, 8);
        }

.pay {
    width: 100%;
    height: 30px;
    background: white;
    padding: 10px 14px;
}

.buyTime {
    width: 100%;
    height: 20px;
    line-height: 20px;
    background: white;
    padding: 10px 14px;
}

.space {
    width: 100%;
    height: 20px;
    background: white;
}

.commission {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: white;
    text-align: right;
    padding: 0px 14px;
    border-top: 1px solid rgb(201, 194, 194);
}

.loaded {
    text-align: center;
    font-size: 16px;
    padding: 20px 0;
}

.userNumber {
    width: 70%;
    margin: 0 auto;
    margin-top:10px;
}

    .userNumber > input {
        float: left;
        width:70%;
    }

    .userNumber > button {
        float: right;
    }
.UserXq{
    margin-left:2%;
    padding-top:50px;
}